		/* CSS for Loading Animation */
		@-webkit-keyframes spin{
			from{-webkit-transform:rotate(0deg)}
			to{-webkit-transform:rotate(360deg)}
			}
		
		.ui-loading{
			position: absolute;
			opacity: .85;
			z-index: 100;
			left: 10px;
			right: 10px;
			top: 40%;
			padding: 10px 30px;
			border: 1px solid #2A2A2A;
			background: #222;
			color: #FFFFFF;
			font-weight: normal;
			background-image: -webkit-linear-gradient(top,#666,#222);
			background-image: -moz-linear-gradient(top,#666,#222);
			background-image: -ms-linear-gradient(top,#666,#222);
			background-image: -o-linear-gradient(top,#666,#222);
			background-image: linear-gradient(top,#666,#222);
			text-align: center;
		}
		
		.ui-loading h1{
			font-size: 15px;
		}
		
		.ui-round-corners{
			moz-border-radius: .6em;
			-webkit-border-radius: .6em;
			border-radius: .6em;
			border-top-left-radius: 0.6em;
			border-top-right-radius: 0.6em;
			border-bottom-right-radius: 0.6em;
			border-bottom-left-radius: 0.6em;
		}
		
		.spinner{
			display: block;
			-webkit-transform: rotate(360deg);
			-webkit-animation-name: spin;
			-webkit-animation-duration: 1s;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-timing-function: linear;
			background-image: url("../images/ajax-loader.png");
			background-size: contain;
			background-repeat: no-repeat;
			width: 35px;
			height:35px;
			margin: 0 auto;
		}